
@border-color: silver;

.font {
  font-family: 'pingfang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased; // 字体抗锯齿渲染
  -moz-osx-font-smoothing: grayscale; // 字体抗锯齿渲染
}

.mixin(@w: 6px) {
  &::-webkit-scrollbar { //滚动条(圆角)
    width: @w+4px;
    height: @w+4px;
  }
  &::-webkit-scrollbar-track {
    background-color: transparent;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: (@w+4px)/2;
    background-color: transparent;
    -webkit-box-shadow: inset 0px 0px 0px (@w+4px)/2 @border-color;
    border: 2px solid transparent;
  }
}

html {
  height: 100%;
}

body {
  .font;
  height: 100%;
}

/*
 * reset.less文件
 * 重置页面的样式
 * 被index.less引入,其他页面无需引入
 *
 */
html,
body,
p,
ul,
li,
ol,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
img,
div,
form,
label,
legend,
section,
fieldset {
  margin: 0;
  padding: 0;
  .mixin;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

input {
  padding-top: 0;
  padding-bottom: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
  font-weight: 400;
  .font;
}

select,
input {
  vertical-align: middle;
}

select,
input,
textarea {
  font-size: 12px;
  margin: 0;
}

input[type="text"],
input[type="password"],
textarea {
  outline-style: none;
  -webkit-appearance: none;
}

textarea {
  resize: none;
}

table {
  border-collapse: collapse;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}
